<!-- 用来在正式版中调试的页面，在首页长按背景图达到30秒后跳转到该页面 -->
<template>
  <uni-nav-bar
    class="nav-bar"
    fixed
    title=""
    status-bar
    :border="false"
    left-icon="left"
    @clickLeft="back"
  />
  <div class="test">
    {{ userInfo }}
  </div>
  <div class="test">
    {{ personInfo202310 }}
  </div>
  <div class="test">
    {{ personalPeakCompetitionInfo }}
  </div>
  <div class="test">
    {{ teamInviteCompetition }}
  </div>
  <div class="test-info">
    {{ testInfo }}
  </div>
</template>

<script lang="ts" setup>
import { storeToRefs } from 'pinia';
import { useUser } from '@/stores/user';
import { back } from '@/utils/navigate';
import { useActivity202310 } from '@/stores/activity-202310-store';

const activity202310Store = useActivity202310();
const {
  personInfo202310,
  personalPeakCompetitionInfo,
  teamInviteCompetition,
} = storeToRefs(activity202310Store);

const user = useUser();
const { userInfo } = storeToRefs(user);

const testInfo = ref({});

onShow(() => {
  testInfo.value = JSON.parse(uni.getStorageSync('testInfo') || '{}');
});
</script>

<style lang="scss" scoped>

.test {
  margin-top: 100px;

}

.test-info {
  margin-top: 100px;

  padding-bottom: 40px;

  .item{
    margin-bottom: 20px;
  }

}
</style>
